function Principal() {	
	this.contextoMovimiento = canvasMovimiento.getContext("2d");
	this.ancho = canvasMovimiento.width;
	this.alto = canvasMovimiento.height;
	//
	pantalla = getPantalla(1);
	
	rui = new Rui("imagenes/mapa7.png", new RectanguloSprite(0,0,64,121,6),
		new RectanguloSprite(0,123,64,133,3), new RectanguloSprite(298,147,92,96,1),
		// new RectanguloSprite(216,145,76,96,1),
		new RectanguloSprite(200,145,92,96,1),
		new RectanguloSprite(351,126,34,11,1), new RectanguloSprite(394,126,39,121,1), 
		4, 4);
	
	rui_red = new Rui("imagenes/mapa7_reducida.png", new RectanguloSprite(0,0,38,73,6),
		new RectanguloSprite(0,74,39,80,3), new RectanguloSprite(178,88,56,58,1),
		//new RectanguloSprite(130,87,45,58,1),
		new RectanguloSprite(119,87,56,58,1),
		new RectanguloSprite(210,75,21,8,1), new RectanguloSprite(236,75,24,73,1), 
		4, 4);
	
	this.sprite = rui;
		
	this.actualizarJuego = function() {
		this.sprite.actualizarEstado();		
		//
		var siguientePantalla = pantalla.hayQueCambiarDePantalla(this.sprite.posX, this.sprite.posY);
		if (siguientePantalla != 0) {
			var numPantalla = pantalla.numero;
			pantalla = getPantalla(siguientePantalla);
			if (pantalla.escalaReducida)
				this.sprite = rui_red;
			else
				this.sprite = rui;
			if (numPantalla < pantalla.numero)	
				this.sprite.setPosicion(pantalla.getPosicionInicial());
			else
				this.sprite.setPosicion(pantalla.getPosicionFinal());
			sprites = new Array();
			//indiceSprites = 0;
		}
		//
		var spritesAux = new Array();
		var indice = 0;
		//if (indiceSprites == 1)
		//	console.log("1");
		for (i=0; i<sprites.length; i++) {
			if (!sprites[i].actualizarEstado()) {
				spritesAux[indice] = sprites[i];
				indice++;
			}  
		}
		sprites = spritesAux;
		//indiceSprites = indice;
		//						
		this.drawFrame();
	}
	
	this.drawFrame = function(){
		this.contextoMovimiento.clearRect(0,0,this.ancho,this.alto);
		this.sprite.drawImage();
		for (i=0; i<sprites.length; i++)
			sprites[i].drawImage();
	}
}

window.onload = function() {
	canvasFondo = document.getElementById("canvasFondo");
	canvasMovimiento = document.getElementById("canvasMovimiento");
	canvasFrente = document.getElementById("canvasFrente");
	//
	var principal = new Principal();
	setInterval(function(){principal.actualizarJuego()}, 33);
}

